<template>
	<div>
		<u-popup :show="show2" mode="center">
			<view class="box-tk">
				<view class="view1">{{hospitaltitle}}</view>
				<view class="tk-heard">
					<slot name="btn"></slot>
				</view>
			</view>
		</u-popup>
	</div>
</template>

<script>
	export default {
		props: {
			show2: {
				type: Boolean,
				default: false
			},
			hospitaltitle: {
				type: String,
				default: ''
			}
		},

		data() {
			return {

			}
		},
		methods: {
			cancel() {
				this.$emit('update:show2', false);
				// this.show2 = false
			},
		}
	}
</script>


<style scoped lang="scss">
	.box-tk {
		width: 670rpx;
		height: 212rpx;
		// background: #FFFFFF;
		border-radius: 8rpx;

		.view1 {
			height: 92rpx;
			background: #7AD9DF;
			// border-radius: 0 0 8rpx 8rpx;
			font-size: 36rpx;
			font-family: SourceHanSansCN-Medium, SourceHanSansCN;
			font-weight: 500;
			color: #333333;
			line-height: 92rpx;
			text-align: center;
		}

		::v-deep .tk-heard {
			display: flex;
			height: calc(100% - 92rpx);
			align-items: center;

			.u-reset-button  {
				width: 304rpx;

				.u-button__text {
					font-size: 36rpx !important;
					font-family: SourceHanSansCN-Medium, SourceHanSansCN;
					font-weight: 500;
					color: #FFFFFF;
					line-height: 54rpx;
					letter-spacing: 28rpx;
				}

			}
		}


	}
</style>
